﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataList.aspx.cs" Inherits="LosConn.Web.Data.DataList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <table class="table table-striped">
        <thead>
            <tr>
                <th class="header">编码</th>
                <th class="header">名称</th>
                <th class="header">规格</th>
                <th class="header">单位</th>
                <th class="header">数量</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>John</td>
                <td>Smith</td>
                <td>jsmith@yahoo.com</td>
                <td>
                    <span class="label label-success">Active</span>
                </td>
                <td>2012-04-14</td>
                <td>
                    <button class="btn btn-primary btn-small">
                        <i class="icon-pencil icon-white"></i>
                        修改
                    </button>
                    <button class="btn btn-danger btn-small">
                        <i class="icon-remove icon-white"></i>
                        删除
                    </button>
                </td>
            </tr>
            <tr>
                <td>Susan</td>
                <td>Mestas</td>
                <td>sm1268@gmail.com</td>
                <td>
                    <span class="label">Inactive</span>
                </td>
                <td>2012-01-02</td>
                <td>
                    <button class="btn btn-primary btn-small">
                        <i class="icon-pencil icon-white"></i>
                        修改
                    </button>
                    <button class="btn btn-danger btn-small">
                        <i class="icon-remove icon-white"></i>
                        删除
                    </button>
                </td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th colspan="6">
                    <div class="datagrid-footer-left" style="float:left">
                        <div class="grid-controls">
                            <span>
                                <span class="grid-start">1</span>
                                -
                                <span class="grid-end">10</span>
                                共
                                <span class="grid-count">1</span>
                                条记录，
                            </span>
                            <span>每页</span>
                            <select class="grid-pagesize">
                                <option>10</option>
                                <option>20</option>
                                <option>50</option>
                            </select>
                            <span>条记录</span>
                        </div>
                    </div>
                    <div class="datagrid-footer-right" style="float:right">
                        <div class="grid-pager">
                            <span id="firstPage">
                                <button class="btn grid-firstpage disabled" data-lp="1">
                                    <i class="icon-step-backward"></i>
                                </button>
                                <button class="prev btn grid-prevpage disabled" data-lp="1">
                                    <i class="icon-chevron-left"></i>
                                </button>
                            </span>
                            <span>转到第</span>
                            <div class="input-append dropdown combobox">
                                <input type="text" placeholder="1" class="span1">
                                <button data-toggle="dropdown" class="btn">
                                    <i class="caret"></i>
                                </button>
                                <ul class="dropdown-menu bootpag">
                                    <li data-lp="1" class="disabled">
                                        <a href="javascript:void(0);">1</a>
                                    </li>
                                </ul>
                            </div>
                            <span>
                                页，共
                                <span class="grid-pages">1</span>
                                <span>页</span>
                            </span>
                            <span id="lastPage">
                                <button class="next btn grid-nextpage disabled" data-lp="1">
                                    <i class="icon-chevron-right"></i>
                                </button>
                                <button class="btn grid-lastpage disabled" data-lp="1">
                                    <i class="icon-step-forward"></i>
                                </button>
                            </span>
                        </div>
                    </div>
                </th>
            </tr>
        </tfoot>
    </table>
</body>
</html>
